<!DOCTYPE html>
<html>
<title>免费在线排课,排监考</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="keywords" content="小学,初中,高中,免费,在线排课,排监考">
<meta name="description" content="一个小学初中高中大学免费在线排课排监考系统">
<link rel="stylesheet" href="http://www.sumoon.com/css/w3.css">
	<link rel="stylesheet" type="text/css" href="http://www.sumoon.com/css/easyui.css">
	<link rel="stylesheet" type="text/css" href="http://www.sumoon.com/css/icon.css">
	<link rel="stylesheet" type="text/css" href="http://www.sumoon.com/css/demo.css">
	<script type="text/javascript" src="./jquery.min.js"></script>
	<script type="text/javascript" src="./jquery.easyui.min.js"></script>
	<script src="http://www.sumoon.com/js/av-min-3.15.0.js"></script>
<script src="./timetable.js?v=5">

</script>
<body>
<div id="inputtable">
<div class="w3-row">

  <div class="w3-container w3-third">
    <span class="w3-large">输入标题:</span><input class="w3-border" type="text" placeholder="例：2019下半年课表" id="title_in"></input>
  </div>
  <div class="w3-container w3-twothird">
<button class="w3-button w3-border w3-indigo  w3-round-large"  onclick="saveToCloud()">保存到云</button><button  class="w3-button w3-border w3-indigo  w3-round-large" onclick="loadFromCloud()">从云加载</button>
<input class="w3-border" type="text" placeholder="输入云端密码" id="passwd"></input>
<span id="result">第一次保存将会生成云端密码，请务必牢记。没有云端密码无法取出记录。</span>  
  </div>
</div>

<table class="w3-table w3-striped w3-border">
<tr>
<td valign='top'>
<div class="w3-container">
  <h2>教师</h2>
  <input  class="w3-border" type="text" placeholder="监考人姓名" onkeydown="if(event.keyCode==13)return createRow('teacher');" id="teacherinput"></input>
  <button class="w3-button w3-border w3-green  w3-round-large" onclick="createRow('teacher')">新增</button>
  <button class="w3-button w3-border w3-red  w3-round-large" onclick="delRow('teacher')">移除</button>
  
  <ul id="teacherlist" class="w3-ul w3-large">
  </ul>
</div>
</td>
<td valign='top'>
<div class="w3-container">
  <h2>节次</h2>
  <input  class="w3-border w3-input" type="text" placeholder="例:6月16日 语文" onkeydown="if(event.keyCode==13)return createRow('class');" id="classinput"></input>
  <button class="w3-button w3-border w3-green  w3-round-large" onclick="createRow('class')">新增</button>
  <button class="w3-button w3-border w3-red  w3-round-large" onclick="delRow('class')">移除</button>
  
  <ul id="classlist" class="w3-ul w3-large">

  </ul>
</div>
</td>
<td valign='top'>
<div class="w3-container">
  <h2>班级</h2>
  <input  class="w3-border" type="text" placeholder="考场+空格+人数" onkeydown="if(event.keyCode==13)return createRow('room');" id="roominput"></input>
  <button class="w3-button w3-border w3-green  w3-round-large" onclick="createRow('room')">新增</button>
  <button class="w3-button w3-border w3-red  w3-round-large" onclick="delRow('room')">移除</button>
  
  <ul id="roomlist" class="w3-ul w3-large">

  </ul>
</div>
</td>
</tr>
</table>
</div>
<div class="w3-border-bottom w3-margin-top"></div>
<button class="w3-button w3-border w3-blue  w3-round-large" onclick="generate()">生成框架</button>
<button class="w3-button w3-border w3-blue  w3-round-large" onclick="updateInfo()">更新信息</button>
<button class="w3-button w3-border w3-blue  w3-round-large" onclick="exportResult()">导出结果</button>
<button class="w3-button w3-border w3-blue  w3-round-large" onclick="showInputTable()">显示/隐藏输入区</button>
<button class="w3-button w3-border w3-blue  w3-round-large" onclick="showResultTable()">显示/隐藏结果区</button>
<div class="w3-border-bottom w3-margin-top" style="page-break-after: always;"></div>
	<div id="overalltable" style="">
	<div class="w3-border-bottom"><h1 id="title_h"  style="margin:0 auto;text-align:center">2019下半年课表</h1></div>
		<div class="leftc">
			<table id="teacherflist">



			</table>
		</div>
		<div class="left">
			<table id="teacherslist">


			</table>
		</div>        
		<div class="right">
			<table id="classflist">

			</table>
		</div>
	</div>

    <div class="w3-border-bottom" style="page-break-after: always;"></div>

	
	<div class="w3-center w3-border-bottom" style="">
		<br>
	<br>
	<br>
	<br>
	<br>
		<br>
	<br>
	<br>
	<br>
	<br>
	<div  id="resulttable">
	
	</div>
	</div>
	<style type="text/css">
    	.leftc{
			width:60px;
			float:left;
		}
		.leftc table{
		border: 0px solid black;
			background:#E0ECFF;
		}
		.leftc td{
			background:#eee;
			border: 0px solid black;
		}
        .itemc{
			text-align:center;
			background:#fafafa;
			color:#888;
			width:50px;
			height:20px;
		}
		.left{
			width:80px;
			float:left;
		}
		.left table{
			background:#E0ECFF;
			border: 0px solid black;
		}
		.left td{
			background:#eee;
			width:80px;	
			border: 0px solid black;			
		}
		.right{
			margin-left:160px;
			
		}
		.right table{
			background:#FFFFFF;
			width:90%;

		}
		.right td{
			background:#fafafa;
			color:#444;
			text-align:left;
			padding:2px;
			
		}
		.right td.title{
		  background:#F0F0F0;
          font-weight: bold;
		  font-size:1.5em;
        }
		.right td.titled{
		  background:#F0F0F0;
          width:80px;
		  font-weight: bold;
		  font-size:1.5em;
        }

        .right td.time{
		  background:#F0F0F0;
          width:120px;
		  font-size:1.5em;		  
        }
		.right td{
			background:#FFFFFF;
			width:90px;
			
			height:45px;
		}
		.right td.drop{
			background:#FFFFFF;
			width:90px;
		}
		.right td.over{
			background:#FBEC88;
		}
		.item{
			text-align:center;
			border:1px solid #000000;
			background:#fafafa;
			color:#444;
			width:80px;
			height:20px;
		}
		.assigned{
	
		    font-size:1.5em;
			border:0px solid #0000FF;
			height:35px;
            white-space:nowrap;
		}
		.conflict{
		    background-color:yellow;
		}
		.trash{
			background-color:red;
			height:35px;
		}
		
		table {
		  border-collapse: collapse;
		}

		table, th, td {
		  border: 1px solid black;
		}
		.bottomt{
		  border-spacing:15px;
		  border-collapse: separate;
		  border: 0px solid black;
		  width: 1200px;
		}
        .bottom td{
		  width: 500px;
		}
		.bottomt_t {
		  border-collapse: collapse;
		  border: 1px solid black;
		  font-size:3em;
		  width: 600px;
		  text-align:center
		}	
		
	</style>
	<script>
    

	</script>
</body>
</html> 